<!--次日计划-->
<div>
    <el-form >
        <el-form-item label="" ></el-form-item>
    </el-form>
    <div class="panel-parent">
        <div class="side-panel">
            <div>

            </div>
        </div>
        <div class="self">
          <div class="consume-panel">
            <el-form :inline="true" ref="form" :model="form" label-position="left" label-width="100px">
                <el-form-item label=""  s class="thin-item" prop="flightInfo.flightInfoId":rule
                        ="[ {required: false, message: '航班号不能为空'}]">
                    <el-select clearable  v-model="form.flightInfo.flightInfoId" filterable placeholder="航班号"   >
                        <el-option
                                v-for="plane in planes"
                                :key="plane.flightInfoId"
                                :label="plane.flightNum"
                                :value="plane.flightInfoId"
                        >
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label=""  class = "transparent thin-item">
                    <el-button type="primary" @click="queryAppointment">查询</el-button>
                </el-form-item>
            </el-form>
          </div>
            <div class="consume-panel">
                  <el-row  type="flex" justify="space-around">
                <el-col :span="24" style="margin-right: 5px">
                    <el-table :data="importData"  border   ref="table" :row-class-name="rowClass" height="350" >
                        <el-table-column prop="appoUnit"  header-align="center" label="进港">
                            <el-table-column prop="flightInfo.flightNum" label="航班号" min-width="90px">
                            </el-table-column>

                            <el-table-column prop="planeProperty" label="来源" min-width="90px">
                            </el-table-column>
                            <el-table-column prop="flightInfo.flightType" label="机型" min-width="70px">
                            </el-table-column>
                            <el-table-column prop="flightInfo.flightNo" label="机号" min-width="70px">
                            </el-table-column>
                            <el-table-column  label="安排时间" prop="estimatedTime" min-width="91px" ></el-table-column>
                            <el-table-column  label="预起" min-width="58px">
                                <template scope="scope">
                                <span>
                                    {{scope.row.takeOffTime?scope.row.takeOffTime.substr(11,5):""}}
                                </span>
                                </template>
                            </el-table-column>
                            <el-table-column  label="预落" min-width="58px">
                                <template scope="scope">
                                <span>
                                    {{scope.row.arriveTime?scope.row.arriveTime.substr(11,5):""}}
                                </span>
                                </template>
                            </el-table-column>
                            <el-table-column  label="是否中转" min-width="80px">
                                <template scope="scope">
                                <span>
                                    {{scope.row.appProperty=="中转联程"?"是":"否"}}
                                </span>
                                </template>
                            </el-table-column>
                            <el-table-column  prop="originating" label="出发地" min-width="114px">
                            </el-table-column>
                            <el-table-column prop="destination" label="目的地" min-width="114px">
                            </el-table-column>
                        </el-table-column>
                        <el-table-column label="操作" fixed="right"  width="100px" >
                            <template scope="scope"  >
                                <el-button  type="text" @click="editFlightPlane(scope)" style="margin-right: -10px;">修改</el-button>
                            </template>
                        </el-table-column>

                    </el-table>
                </el-col>
            </el-row>
            </div>
            <div class="consume-panel">
                <el-row  type="flex" justify="space-around">
                <el-col :span="24" style="margin-right: 5px">
                    <el-table :data="exportData"   ref="table2" :row-class-name="rowClass"  border height="350" >
                        <el-table-column prop="appoUnit"  header-align="center" label="出港">
                            <el-table-column prop="flightInfo.flightNum" label="航班号" min-width="90px">
                            </el-table-column>
                            <el-table-column prop="planeProperty" label="来源" min-width="90px">
                            </el-table-column>
                            <el-table-column prop="flightInfo.flightType" label="机型" min-width="70px">
                            </el-table-column>
                            <el-table-column prop="flightInfo.flightNo" label="机号" min-width="70px">
                            </el-table-column>
                            <el-table-column  label="安排时间" prop="estimatedTime" min-width="91px" >
                            </el-table-column>
                            <el-table-column  label="预起" min-width="58px">
                                <template scope="scope">
                                <span>
                                    {{scope.row.takeOffTime?scope.row.takeOffTime.substr(11,5):""}}
                                </span>
                                </template>
                            </el-table-column>
                            <el-table-column  label="预落" min-width="58px">
                                <template scope="scope">
                                <span>
                                    {{scope.row.arriveTime?scope.row.arriveTime.substr(11,5):""}}
                                </span>
                                </template>
                            </el-table-column>
                            <el-table-column  label="是否中转" min-width="80px">
                                <template scope="scope">
                                <span>
                                    {{scope.row.appProperty=="中转联程"?"是":"否"}}
                                </span>
                                </template>
                            </el-table-column>
                            <el-table-column  prop="originating" label="出发地" min-width="114px">
                            </el-table-column>
                            <el-table-column prop="destination" label="目的地" min-width="114px">
                            </el-table-column>
                        </el-table-column>
                        <el-table-column label="操作" fixed="right"  width="100px" >
                            <template scope="scope"  >
                                <el-button  type="text" @click="editFlightPlane(scope)" style="margin-right: -10px;">修改</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                </el-col>
            </el-row>
            </div>
            <el-dialog
                    title="次日航班计划修改"
                    :visible.sync="flightPlaneEdit"

            >
                <el-row v-if="flightPlaneEdit">
                    <enters :parentData="enterData" ref="enters"></enters>
                </el-row>

            </el-dialog>

        </div>
    </div>

</div>


